
@charset "utf-8";
body,ul,li,p{
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.skin-blue .main-header .navbar {
    background-color: white;
    border-bottom: 1px solid #c3c7c7;
}
.main-header .navbar{
	/*margin-left: 260px;*/
}
.economic{
	font-size: 0.05rem;
	display: inline-block;
	height: 0.1rem;
	line-height: 0.1rem;
	color: #0084e0;
}
.grade{
	width: 40px;
	height: 40px;
}
.skin-blue .main-header .navbar{
	line-height: 70px;
	box-sizing: border-box;
	height: 70px;
}
/*.main-header .logo .logo-mini{
	display: block;
	height: 0.2rem;
}*/

.skin-blue .main-header .logo{
	display: block;
	height: 70px;
	border-bottom: 1px solid #0b243a;
}
.main-sidebar{
	padding-top: 0.3rem;
}
.jylogo{
	margin: 10px auto;
	display: inline-block;
	width: 190px;
	height: 50px;
	box-sizing: border-box;
}
.skin-blue .main-header .logo{
	background: #0d2e49;
	/*width: 260px;*/
	display: inline-block;
	padding-right: 0px;
}
.content-wrapper{
	background: #f6fafb;
	box-sizing: border-box;
}
.skin-blue .main-sidebar{
	/*width: 260px;*/
}
.main-header .navbar{
	padding-left: 0px;
}
.skin-blue .main-sidebar, .skin-blue .left-side {
     background: rgba(29,59,77,.7)url(../img/aside.png) no-repeat;
     background-size: 100% 100%;
}
.content{
	background: white;
	margin: 0 20px;
	padding-left: 20px;
	padding-right: 20px;
	overflow: hidden;
	border-radius: 10px;
	box-shadow: 0 0px 4px -1px #ccc; 
}
.content-wrapper{
	padding-bottom: 20px;
}
.result{
	margin-bottom: 20px;
	overflow: hidden;
	border-bottom: 1px solid #f1f1f1;
	padding-bottom: 16px;
}
.resultL{
	float: left;
	text-align: center;
	padding-bottom: 6px;
	margin-left: 18px;
}
.resultL img{
	width: 40px;
	height: 40px;
}
.resultL span{
	margin-left: 10px;
}
.resultR>button{
	border: none;
	background: #0084E0;
	width: 140px;
	height: 35px;
	border-radius: 5px;
	margin-right: 18px;
	color:white;
}
.box-header .box-title{
	color: #22bcf9;
}
.box{
	border-top: none;
}
.bjBlue{
	background: #4eb6ff;
}
.lightBlue{
	background: #c7eefd;
}
.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td{
	border: none;
}
.price{
	color: #333333;
	font-size: 14px;
}
.F16{
	font-size: 16px;
}
.hour{
	height: 35px;
	line-height: 35px;
}
.basic{
	width: 100%;
	height: 30px;
	background: #0084e0;
	border-radius: 5px;
	color: white;
	box-sizing: border-box;
	padding-left: 10px;
	line-height: 30px;
	margin-bottom: 10px;
}
.fl{
	float: left;
}
.fr{
	float: right;
}
.a {
    height: 0px;
    border: 12px solid white;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    position: relative;
    top: 9px;
    right: 50px;
    transform:rotate(90deg);
}
.a:before {
    content: "";
    position: absolute;
    left: -18px;
    top: -14px;
    width: 0px;
    height: 0px;
    border: 14px solid transparent;
    border-left-color: #0084e0;
}
.list{
    min-height: 250px;
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}
.bg-aqua{
	background: #fff !important;
}
.status{
	display: block;
	margin: 0 auto;
}
.info-box{
	text-align: center;
	height: 110px;
	padding-top: 20px;
	box-sizing: border-box;
	 box-shadow: -0px 0 0px #ccc, 
              0 -0px 0px #e8eced, 
              0 2px 2px #e8eced, 
              2px 0 2px #e8eced; 
}
.info-box>span>img{
	margin-bottom: 5px;
}
.user-panel{
	padding: 0px 10px 20px;
}
.jyName{
	color: white;
	text-align: center;
	margin-top: 5px;
	box-sizing: border-box;
	position: relative;
	left: 0;
	top: 0;
}
.jyName>img{
	width: 16px;
	height: 10px;
	transform: rotate(180deg);
	position: absolute;
	top:6px;
	right: 15px;
}
.test{
	width: 20px;
	height: 20px;
	margin-right: 20px;
}
.testText{
	color: #22bcf9;
}
.box.box-solid.box-default.addBg > .box-header{
	background-color: #22bcf9;
	border: none;
	border-radius: 5px;
	width: 94%;
	margin: 0 auto;
}
.box.box-solid.box-default{
	border: none;
}
.box{
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0);
}
.changeWidth{
	width:16.6%
}
h4{
	margin: 0 ;
	padding: 15px 14px 6px;
	font-size: 16px;
	color: #0084e0;
}
.box-header{
	padding: 5px;
}
.tabUp img{
	width:20px;
	height: 10px;
	margin-right: 30px;
}
.addHide{
	overflow: hidden;
	display: none;
}
.delMargin{
	margin-bottom: 0px !important;
}
.account{
	float: right;
	width: 90px;
	height: 40px;
	background: #0084e0;
	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
	margin-top: 10px;
	box-sizing: border-box;
	padding-top: 8px;
	padding-left: 10px;
	cursor:pointer;
}
.account img{
	float: left;
}
.account span{
	padding-left: 10px;
	color: white;
	float: left;
	height: 24px;
	padding-top: -4px;
	line-height: 24px;
	font-size: 18px;
}
.hidePeople{
	display: none;
}
.addWidth{
	width: 96%;
	margin: 0 auto;
}
.changeWidt{
	padding-left: 22px;
}
.treeview-menu{
	text-align: center;
}
.time{
	padding-top: 0px;
	padding-bottom: 14px;
}
.delWidth{
	min-height: 120px;
}
.firstColor,.secondColor,.thirdColor,.fourColor,.fiveColor,.sixColor{
	background: #89cfff;
	color: white;
	text-align: center;
	height: 25px;
	line-height: 25px;
	
}
.secondColor{
	background: #49b4fe;
}
.thirdColor{
	background: #1ca2ff;
}
.fourColor{
	background: #0396fc;
}
.fiveColor{
	background: #007ed5;
}
.sixColor{
	background: #0265aa;
}
.col-md-2,.col-sm-2,.col-xs-2{
	padding:0px;
}
.changeMargin{
	margin-left: 0px;
	margin-right: 0px;
}
.times{
	width: 20px;
	height: 27px;
	position: relative;
	left: 50px;
	top: 0%;
}
.times img{
	width: 20px;
	height: 27px;
	position: absolute;
	left: 20px;
	top: 10px;
}
.tabs{
	width: 320px;
	height: 30px;
	margin: 0 auto;
	text-align: center;
	line-height: 28px;
}
.approval{
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	background: #0084e0;
}
.approvals{
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	background-color: #0084e0;
	color: white;
}
.approval,.datum,.approvals,.datums{
	float: left;
	width: 160px;
	height: 100%;
	color: white;
	border: 1px solid #0084e0;
}
.datum{
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	background: white;
	color: #0084e0;
}
.datums{
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	background: white;
	color: #0084e0;
}
.skin-blue .sidebar-menu > li > a:hover{
	    border-left: 3px solid #22bcf9;
}
.loan{
	width: 240px;
	height: 26px;
	float: right;
	text-align: center;
	line-height: 24px;
	margin: 20px 0px;
}
.addLoan,.delLoan{
	width: 47%;
	height: 100%;
	float:left;
	border-radius: 10px;
	cursor: pointer;
}
.blueBorder{
	border: 1px solid #0084e0;
	color: #0084e0;
}
.grayBorder{
	border: 1px solid #b8b8b8;
	color: #b8b8b8;
	margin-left: 10px;
}
.AIC{
	width: 100%;
	height: 30px;
	color: black;
	line-height: 30px;
}
.AIC li{
	width: 22.5%;
	float: left;
	height: 100%;
}
.AIC li:first-child{
	width: 10%;
}
.sure{
	width: 20px;
	height: 20px;
	margin-left: 10px;
}
.way{
	width: 15%;
	height: 22px;
	border: none;
	color: #666666;
	border: 1px solid #999999;
	border-radius: 6px;
	box-sizing: border-box;
	padding-left: 10px;
	margin-top: 14px;
	outline: none;
}
.end{
	width: 100%;
	height: 30px;
	background: #0084e0;
	margin-top: 14px;
	color: white;
	border-radius: 10px;
	padding-left: 10px;
	line-height: 28px;
	box-sizing: border-box;
	padding-right: 20px;
}
.end img{
	width: 18px;
	float: right;
	margin-top: 10px;
}
.Mr{
	margin-left: 16px;
}
.pdb td{
	border: 1px solid #c6c6c6 !important;
}
.room{
	padding: 28px 0px 10px !important;
	text-align: center !important;
	background: #e1f1ff;
	width: 12%;
}
.room p:first-child{
	font-size: 14px;
}
.room p:last-child{
	font-size: 12px;
	color: #666666;
}
.editor{
	width: 16px;
}
.endPadding{
	padding: 0px 20px;
}
.complete{
	width: 30px;
	height: 30px;
	margin-bottom: 10px;
	margin-left: 5px;
}
.fl p{
	color: #47bac2;
}
.edit{
	width: 12px;
	height: 12px;
}
.updateWidth{
	width: 22%;
	padding: 15px 5px !important;
}
.F12{
	font-size: 12px;
}
.F12 span:first-child{
	color: #999;
}
.F12 span:last-child{
	color: #ff6e6e;
}
.gray{
	color: #999999;
}
.four{
	width: 16px;
	margin-left: 10px;
}
.pd10{
	margin-left: 10%;
}
.pd10 li{
	line-height: 20px;
}
.effect{
	overflow: hidden;
	display: none;
}
.marginLeft{
	margin-left: 9px;
}
.savemask,.canclemask{
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.6);
	z-index: 99999;
	position: absolute;
	left: 0;
	top: 0;
	display: none;
}

html,body{
	margin: 0;
	position: relative;
	height: 100%;
	width: 100%;
}
.savemaskContent,.canclemaskContent{
	width: 550px;
	height: 200px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -225px;
	margin-top: -100px;
	background: white;
	border-radius: 10px;
	box-sizing: border-box;
	padding-top: 12px;
}
.savemaskContent p,.canclemaskContent p{
	font-size: 16px;
	border-bottom: 1px solid #e5e5e5;
	padding-left: 16px;
	height: 30px;
}
.choiceBack{
	margin: 10px auto 15px;
	height: 30px;
	line-height: 30px;
	overflow: hidden;
	width: 322px;
	color:#666666 ;
}
.cancleBack{
	height: 30px;
	line-height: 30px;
	overflow: hidden;
	width: 186px;
	color:#666666;
	float: left;
	margin-left: 64px;
	margin-top: 10px;
}
.choiceBack select{
	width: 280px;
	height: 30px;
	border-radius: 5px;
	padding-left: 10px;
	color: #c7c7c7;
	outline: none;
	cursor: pointer;
}
.choiceBack span{
	margin-right: 10px;
}
.button{
	width: 322px;
	margin: 0 auto;
	overflow: hidden;
}
.cancleButton{
	margin-top: 20px;
}
.button button,.cancleButton button{
	width: 130px;
	height: 30px;
	margin: 0;
	padding: 0;
	float: left;
	margin-left: 16px;
	border-radius:10px;
	outline: none;
	cursor: pointer;
}
.cancleButton button:first-child{
	margin-left: 144px;
}
.button button:first-child{
	margin-left: 46px;
}
.submit{
	background: #0084e0;
	border:none;
	color: white;
}
.cancle{
	background: white;
	border: none;
	border: 1px solid #979797;
	color: #c7c7c7;
}
.cancleBack img{
	width: 20px;
	height: 20px;
}
.cancleTop{
	overflow: hidden;
}
.date,.date1{
	border-radius: 5px;
	border:1px solid #999999;
	padding-left: 10px;
	color: #666666;
}
.date1{
	width: 74px;
	font-size: 12px;
	padding-left: 5px;
}
.addM{
	margin-top: 10px;
}
